<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>学习报告</title>
        <style>
            .title{
                font-size:xx-large;
            }
            .title1{
                color:chocolate;
                font-size:larger;
            }
            p::first-letter {
  
  font-size: xx-large;
}
        </style>
    </head>
    <body>
        <header>
        <h1 style="text-align: center;"class="title">Web大作业学习报告</h1>
        <br>
        <p style="text-align:center"; class="title1">制作成员：吴高明  0223600 软件工程12班</p>
        </header>
        <h2 style="font-size:x-large;">网站有许多文字都是超链接，试着点点看</h2>
        <main>
<h2 style="font-size:x-larger;">网站主题介绍：</h2>
<h3  style="font-family:宋体">主题：围绕漫威讲述了一些事情，主要是电影。</h3>
<h3  style="font-family:宋体">名称：This is Marvel。</h3>
<h3  style="font-family:宋体">选题目的：近来由于寒假在家重温了一下漫威十年的著作，更深入了解了超级英雄们的方方面面。加上对漫威还有复仇者联盟的喜爱，所以写此网站有了灵感。</h3>
<br>
<h2 style="font-size:x-larger;">网站内容：</h2>
<h3 >布局：一开始打算参考英雄联盟官方的网站去做，但是发现好难做,好多技术我都做不来，所以放弃了，但还是参考了一下它的布局，加上一些自己思考出来的布局，才有了这个主页。</h3>
<h3>技术：用到了许多技术，包括HTML CSS以及JS.有些不会的技术都是参考w3school和CSDN上的.<br>比如：</h3>
  <h4>表格table： 在子网页上（其它）运用了表格，这样使得我可以介绍电影</h4><img src="weixin1.png" width="70%"height="auto;">    
<h4>图片img:做网站当然需要图片。</h3>
    <img src="marvel.jpg" width="70%"height="auto;">  
    <h4>列表ul和文字悬浮于图片之上：导航栏的设置就是列表，然后下面就是两张图片放在同一列，中间有个文字《查看详情》在中间，点击可以跳转另一个页面。</h4>
    <img src="weixin2.png" width="70%" height="auto">
    <h4>position相对定位和绝对定位，在子网页中存在：</h4>
    <img src="weixin3.png" width="70%" height="500px;">
    <h4>float+clear布局也用到，我发现这个好好用,挺多的就不列举了    。</h4>
    <h4>伪类和伪元素：</h4>
    <img src="weixin4.png" width="70%" height="auto">
    <h3>JS当然也有,可以点击,点击第几阶段就是JS炫技，然后下面的影片名称是链接，可以点击的。</h3>
    <img src="weixin5.png" width="70%" height="auto">
        </main>
        <footer>
           
            <h2 style="font-size:x-large;">三个子网页：分别是：页眉的导航栏上的有关漫威，其它中下拉菜单中的其它，还有最下面斯坦李的详细介绍。</h2>
            <h3 style="font-size:large;">除了上述技术，还有其它技术比如下拉菜单，图片库之类的。</h2>
            <h3 style="font-size:x-large; color:chocolate">这次网页制作是单独制作，比起之前的三次作业，这次确实花了许多精力与时间。但值得的是，当我看到我的网站制作出来，我还挺开心的。虽然Web课只有短短一个学期
            ，但它的迷人之处确实让我着迷。我也在反思自己，有些内容老师讲的下课没来得及复习以至于后面总是忘记，要不断的去询问老师和同学，查阅资料。我也知道自己制作网页时有许多不足，希望在将来能学到更多的知识，
        把网页制作的更好更完美，让自己的知识也更加储备。虽然过程十分曲折，有些时候光是构思布局都要想一上午，麻烦问题太多了，这是我知识不足带来的，但幸运的是我完成了。</h3>
        <h3 style="font-size:x-large;text-align:center;">这次作业让我见识到了前端的迷人之处，并且能够实际运用起来。希望未来更加完善自我，努力学习，创作出更好的作品。</h3>
        <h3 style="font-size:x-large;text-align:center;">一个人写网站太痛苦难受了~_~。希望老师给点高分qaq。祝老师新年快乐,工作顺利。</h3>
        <h2 style="font-size:x-large,text-align:center;"><a href="index.html" style="text-decoration:none;color:black;">点此返回主页</a></h2>
        </footer>
    </body>
</html>